<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关注小程序</title>
    <link rel="stylesheet" href="../css/other/focus-miniapp-style.css">
    <script src="../js/other/scrollreveal.main.js"></script>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">

    <header class="site-header">
        <div class="container" style="margin-bottom: 10px">
            <a href="javascript:history.back(-1)" style="text-decoration: none;"> &lt;&lt; 返回 </a>
        </div>
        <div class="container">
            <div class="site-header-inner">
                <div class="brand header-brand">
                    <h1 class="m-0">
                        <a href="#">
                            <svg width="32" height="32" viewBox="0 0 32 32" xmlns="">
                                <defs>
                                    <linearGradient x1="100%" y1="0%" x2="0%" y2="100%" id="logo-gradient-b">
                                        <stop stop-color="#39D8C8" offset="0%"/>
                                        <stop stop-color="#BCE4F4" offset="47.211%"/>
                                        <stop stop-color="#838DEA" offset="100%"/>
                                    </linearGradient>
                                    <path d="M32 16H16v16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v14z" id="logo-gradient-a"/>
                                    <linearGradient x1="23.065%" y1="25.446%" y2="100%" id="logo-gradient-c">
                                        <stop stop-color="#1274ED" stop-opacity="0" offset="0%"/>
                                        <stop stop-color="#1274ED" offset="100%"/>
                                    </linearGradient>
                                </defs>
                                <g fill="none" fill-rule="evenodd">
                                    <mask id="logo-gradient-d" fill="#fff">
                                        <use xlink:href="#logo-gradient-a"/>
                                    </mask>
                                    <use fill="url(#logo-gradient-b)" xlink:href="#logo-gradient-a"/>
                                    <path fill="url(#logo-gradient-c)" mask="url(#logo-gradient-d)" d="M-16-16h32v32h-32z"/>
                                </g>
                            </svg>
                        </a>
                    </h1>
                </div>
            </div>
        </div>
    </header>

    <main>
        <section class="hero text-center" style="padding: 0">
            <div class="container-sm">
                <div class="hero-inner">
                    <h1 class="hero-title h2-mobile mt-0 is-revealing">关注小程序</h1>
                    <p class="hero-paragraph is-revealing">请先进入小程序注册页面，完成注册。</p>
                    <div class="hero-form newsletter-form field field-grouped is-revealing">
                        <div class="feature-inner">
                            <div class="feature-icon" style="width: 240px; height:240px;z-index: 999">
                                <svg width="240" height="240" xmlns="">
                                </svg>
                                <img id="codeUrl" src="../img/code.jpg" style="width: 70%;height: 70%;left: -15%;top:15%;position: relative;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="site-footer text-light">
        <div class="container">
            <div class="site-footer-inner">
                <div class="brand footer-brand">
                    <a href="#">
                        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="">
                            <title>Ava</title>
                            <defs>
                                <path d="M32 16H16v16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v14z" id="logo-gradient-footer-a"/>
                                <linearGradient x1="50%" y1="50%" y2="100%" id="logo-gradient-footer-b">
                                    <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
                                    <stop stop-color="#FFF" offset="100%"/>
                                </linearGradient>
                            </defs>
                            <g fill="none" fill-rule="evenodd">
                                <mask id="logo-gradient-footer-c" fill="#fff">
                                    <use xlink:href="#logo-gradient-footer-a"/>
                                </mask>
                                <use fill-opacity=".32" fill="#FFF" xlink:href="#logo-gradient-footer-a"/>
                                <path fill="url(#logo-gradient-footer-b)" mask="url(#logo-gradient-footer-c)" d="M-16-16h32v32h-32z"/>
                            </g>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </footer>

</div>

<script src="../js/other/focus-miniapp.min.js"></script>
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../../common/js/common.js"></script>
<script>
    var url = sessionStorageUtils.getParam(storageKey.sessionStorageKey.registerPage.codeUrl);
    console.log(url);
    $("#codeUrl").attr("src",url);
</script>
</body>
</html>
